<!--desktop.app!-->
<html>
    <head>
        <script src='/system/jquery.js'>
        </script>
        <script src='/system/system.js'>
        </script>
        <script src='tweet.js'>
        </script>
        <link rel="stylesheet" type="text/css" href="tweet.css"/>
    </head>
    <body>
        <table id='center-table'>
            <tr>
                <td id="content-column">
                    <div id='post-div'>
                        <div id='post-toolbar-div'>
                            <img id='add-file-button' class='post-tool-img' src='img/add_file.png'>
                            </img><img id='add-link-button' class='post-tool-img' src='img/add_link.png'>
                            </img><img id='add-calendar-button'class='post-tool-img' src='img/add_calendar.png'>
                            </img>
                        </div>
                        <div id='post-edit-div'>
                            <textarea id='post-edit-textarea'>
                            </textarea>
                        </div>
                        <div id='post-option-div'>
                            <div id='post-share-div'>
                                Share with:
                                <select>
                                    <option>Everyone</option>
                                    <option>Nobody</option>
                                </select>
                            </div>
                            <div id='post-button-div'>
                                <button id='post-button'>
                                    Post
                                </button>
                            </div>
                        </div>
                        </div>
                        <div id='msg-div'>
                        <div id='msg-title-div'>
                            <h3>Timeline</h3>
                        </div>
                        <div id='msg-body-div'>
                            <ol id='msg-body-list'>
                                <li class='msg-item'>
                                    <span class='msg-profile-span'><a class='msg-avatar-link'><img class="msg-avatar-img" src="img/default-avatar.gif" alt="Bubbleman" /></a>
                                        <div class='msg-name-div'>
                                            Bubbleman
                                        </div>
                                        <div class='msg-datetime-div'>
                                            07:07AM Oct.19 
                                        </div>
                                    </span>
                                    <div class='msg-content-span'>
                                        <div class='msg-content-toolbar-div'>
                                            <img class='msg-tool-img' src='img/add_file.png'>
                                            </img>
                                        </div>
                                        <div class='msg-content-body-div'>
                                            This is a test tweet.
                                        </div>
                                    </div>
                                </li>
                                <li class='msg-item'>
                                    <span class='msg-profile-span'><a class='msg-avatar-link'><img class="msg-avatar-img" src="img/default-avatar.gif" alt="Bubbleman" /></a>
                                        <div class='msg-name-div'>
                                            Bubbleman
                                        </div>
                                        <div class='msg-datetime-div'>
                                            07:07AM Oct.19 
                                        </div>
                                    </span>
                                    <div class='msg-content-span'>
                                        <div class='msg-content-toolbar-div'>
                                            <img class='msg-tool-img' src='img/add_file.png'>
                                            </img>
                                        </div>
                                        <div class='msg-content-body-div'>
                                            This is a test tweet.
                                        </div>
                                    </div>
                                </li>
                            </ol>
                            </>
                        </div>
                    </td>
                    <td id="side-column">
                        <div id='profile-div'>
                            <div id='avatar-div'>
                                <img id='avatar-img' src='img/default-avatar.gif'>
                            </div>
                            <div id='name-div'>
                                Bubbleman
                            </div>
                        </div>
                        <div id='follow-div'>
                            <span id='following-span' class='follow-span'>
                                <div id='following-label-div' class='follow-label-div'>
                                    following
                                </div>
                                <div id='following-count-div' class='follow-count-div'>
                                    0
                                </div>
                            </span>
                            <span id='followers-span' class='follow-span'>
                                <div id='followers-label-div' class='follow-label-div'>
                                    followers
                                </div>
                                <div id='followers-count-div' class='follow-count-div'>
                                    0
                                </div>
                            </span>
                        </div>
                    </td>
                </tr>
            </table>
        </body>
    </html>
